<template>
   <div class="">
 <div class="input-item">
      <div class="lbl-box">
        <label for="txtStorename">门店名</label>
      </div>
      <div class="txt-box">
        <div class="val-box all">
          <input
            class="txt-input"
            id="txtStorename"
            name="username"
            type="text"
            placeholder="请输入账号"
            value
            ref="username"
            v-model="username"

          >
          <i class="icon iconfont icon-guanbi111 custom-Eicon" @click="keywordEmpty()"></i>
        </div>
      </div>
    </div>
   </div>
</template>

<script type="text/ecmascript-6">
export default {
   name: '',
   data() {
       return {}
   },
  components: {},
    methods: {
        keywordEmpty() {
            this.$refs.username.value = "";
            this.$store.commit("updateUsername", '');
        }
    },
    computed: {
        username: {
            get() {
                return this.$store.state.loginform.username;
            },
            set(value) {
                this.$store.commit("updateUsername", value);
            }
        },
    }
}
</script>

<style scoped lang="css">
</style>
